body {

    font-size: 16px;

    padding: 0px;

    margin: 0px;

    background: #fff;

    font-family: "微软雅黑";

}



*,

:after,

:before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0px;

    padding: 0px;

}



ul {

    list-style-type: none;

}



li {

    list-style-type: none;

}



a {

    text-decoration: none;

    color: inherit;

}



img {

    border: 0px;

}



input {

    outline: none;

}



button {

    outline: none;

}



/*设置浮动和清除浮动*/



.fix {

    *zoom: 1;

    *clear: both;

}



.fix:before,

.fix:after {

    display: table;

    clear: both;

    content: '';

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.clear:after {

    content: '';

    display: block;

    clear: both;

}



.wrap {

    width: 1200px;

    margin: 0 auto;

}

/*登录背景图*/

.body{

    width: 100%;

    height: 100vh;

    background-image: url(../img/bg.png);
    padding-top: 200px;

}

/*登录*/

.login{

    width: 40%;

    height: 440px;

    background-color: #23232F;

    color: #777FBD;

    margin: 0 auto;

    padding: 30px 0 0 0;

}

/*登录标题*/

.login_title{

    width: 100%;

    height: 70px;

    font-size: 38px;

    line-height: 50px;

    text-align: center;

    font-weight: 700;

}

/*分割*/

.login_fenge{

    width: 100%;

    height: 50px;

}

/*用户名/密码/验证码*/

.login_user{

    width: 70%;

    height: 50px;

    font-size: 20px;

    border-bottom: 1px solid #777FBD;

    padding-top: 20px;

    clear: both;

    margin: 0 auto;

}

.login_user1{

    width: 70%;

    height: 50px;

    font-size: 20px;

    border-bottom: 1px solid #777FBD;

    padding-top: 20px;

    clear: both;

    margin: 0 auto;

}

/*图标*/

.login_user_img{

    width: 20px;

    height: 20px;

    float: left;

}

.login_user_img img{

    width: 100%;

    height: 100%;

}

/*输入框*/

.login_user_input{

    width: 80%;

    height: 20px;

    float: left;

    margin-left: 20px;

    padding-left: 20px;

}

.login_user_input input{

    width: 100%;

    height: 100%;

    background-color: #23232F;

    color: #777FBD;

    border: 0;

}

/*验证码*/

.login_user:nth-child(5){

    width: 35%;

    float: left;

    margin-left: 15%;

}

/*验证码图*/

.login_user:nth-child(5) .login_user_input{

    width: 70%;

}

.login_img{

    width: 35%;

    height: 50px;

    padding: 10px 0 0 10px;

    float: left;

}

.login_img_yanzheng{

    width: 60%;

    height: 100%;

    float: left;

}

.login_img_yanzheng img{

    width: 100%;

    height: 100%;

}

.login_img_f5{

    width: 25px;

    height: 25px;

    margin-top: 15px;

    float: left;

    margin-left: 20px;

}

.login_img_f5 img{

    width: 100%;

    height: 100%;

}

/*登录/注册切换*/

.login_zhuce{

    width: 30%;

    height: 50px;

    clear: both;

    margin: 0 auto;

    padding-top: 25px;

}

.login_zhuce_img{

    width: 20px;

    height: 20px;

    float: left;

}

.login_zhuce_img img{

    width: 100%;

    height: 100%;

}

.login_zhuce_text{

    width: 80%;

    height: 20px;

    float: left;

    text-align: center;

    color: #777FBD;

}

/*按钮*/

.login_btn{

    width: 100%;

    height: 60px;

    background-color: #FF7314;

    font-size: 20px;

    color: #fff;

    font-weight: 700;

    text-align: center;

    line-height: 60px;

    margin-top: 30px;

    position: relative;

    bottom: 0px;

}



/*index*/

.top{

    width: 100%;

    height: 50px;

    background-image: url(../img/top.png);

    background-size: 100% 100%;

    padding: 0 15%;

    clear: both;

}

.top_title{

    width: 30%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 28px;

    font-weight: 700;

    float: left;

    color: #fff;

}

.top_user{

    width: 35%;

    height: 50px;

    float: right;

    padding: 5px;

}

.top_user_f5{

    width: 20px;

    height: 20px;

    margin-top: 10px;

    margin-right: 30px;

    float: left;

}

.top_user_f5 img{

    width: 100%;

    height: 100%;

}

.top_user_userphoto{

    width: 40px;

    height: 40px;

    float: left;

    margin-right: 20px;

}

.top_user_userphoto img{

    width: 100%;

    height: 100%;

    border-radius: 20px;

    border: 2px solid #fff;

}

.top_user_text{

    height: 20px;

    font-size: 16px;

    color: #fff;

    float: left;

    margin-top: 10px;

}

.top_user_select{

    width: 10px;

    height: 10px;

    margin-top: 15px;

    background-image: url(../img/select.png);

    background-size: 100% 100%;

    float: left;

}

.top_user_select select{

    width: 100%;

    height: 100%;

    appearance:none;   

   -moz-appearance:none;   

   -webkit-appearance:none; 

   -ms-appearance:none; 

    opacity: 0;

}

.top_user_tuichu{

    width: 25px;

    height: 25px;

    margin-top: 10px;

    margin-left: 10px;

    float: left;

}

.top_user_tuichu img{

    width: 100%;

    height: 100%;

}

.cont{

    width: 100%;

    height: auto;

    padding: 50px 15%;

}

.banner{

    width: 100%;

    height: 230px;

    background-image: url(../img/banner.png);

    background-size: 100% 100%;

    padding-top: 50px;

}

.banner_text{

    width: 80%;

    height: 30px;

    line-height: 30px;

    font-size: 22px;

    color: #fff;

    margin-left: 20%;

}

.cont_table{

    width: 100%;

    height: auto;

    border: 1px solid #CFCFCF;

    margin-top: 50px;

}

.cont_table_title{

    width: 100%;

    height: 60px;

    border-bottom: 1px solid #CFCFCF;

    background-color: #EEEEEE;

}

.cont_table_title_text{

    width: 60%;

    height: 50px;

    font-size: 14px;

    line-height: 50px;

    margin-left: 5%;

    float: left;

}

.cont_table_title_text span{

    font-size: 28px;

    color: #211E4B;

}

.cont_table_title_btn_l{

    width: 120px;

    height: 45px;

    float: left;

    background-color: #23232F;

    margin-right: 20px;

    font-size: 16px;

    line-height: 45px;

    margin-top: 6px;

    color: #fff;

    text-align: center;

    border: 1px solid #CFCFCF;



}

.cont_table_title_btn_l:nth-child(2){

    color: #23232F;

    background-color: #EEEEEE;

}

.cont_table_cont{

    width: 100%;

    height: 600px;

    padding: 50px;

}

.cont_table_cont_1{

    width: 260px;

    height: 180px;

    float: left;

}

.cont_table_cont_1_img{

    width: 100%;

    height: 150px;

}

.cont_table_cont_1_img img{

    width: 100%;

    height: 100%;

}

.cont_table_cont_1_title{

    width: 100%;

    height: 20xp;

    margin-top: 10px;

}

.cont_table_cont_1_title_left{

    width: 7px;

    height: 16px;

    border-radius: 4px;

    float: left;

    background-color: #211E4B;

}

.cont_table_cont_1_title_right{

    width: auto;

    height: 20px;

    font-size: 14px;

    text-align: center;

    line-height: 20px;

}